<template>
  <div class="relative h-full">
    <Header/>
    <div class="container ml-auto mr-auto">
      <NuxtPage/>
    </div>
    <Footer/>
    <Pattern/>
  </div>
</template>
<script setup lang="ts">
const appstore = useAppStore()
useHead({
  title: '我的应用',
  htmlAttrs: {
    // 'class': ()=>appstore?.theme,
    // 'data-theme':()=>appstore?.theme,
  },
})
useServerSeoMeta({
  description: '我的应用11111',
})

function changeTheme(theme:string){
    appstore.changeTheme(theme)
}


console.log(appstore,'appstore')
</script>
<style scoped lang="scss">
  .container {
    margin: 0 auto;
   }
</style>